<template>
  <div class="em-group">
    <van-cell
      :border="border"
      :size="size"
      :center="center"
      :title="title"
      :value="value"
      custom-class="em-group-cell"
      title-class="em-group-cell__title"
      value-class="em-group-cell__value"
    />
    <slot></slot>
  </div>
</template>


<script>
export default {
  name: 'GroupCell',
  props: {
    border: {
      type: Boolean,
      default: false
    },
    size: {
      type: String,
      default: 'large'
    },
    center: {
      type: Boolean,
      default: true
    },
    title: {
      type: String,
      default: ''
    },
    value: {
      type: String,
      default: ''
    }
  }
}
</script>

<style lang="less" scoped>
.em-group {
  /deep/ .em-group-cell__title {
    font-weight: 600;
  }
  /deep/ .van-cell__right-icon-wrap {
    margin: 0;
  }
}
</style>

